<template>
  <div>
    <div class="jiejue-box"><span class="jj-text">城市互联网</span></div>
    <div class="box">
      <div class="fangan">娱乐</div>
      <div class="text">
        在“互联网+”时代，娱乐向着碎片化、智能化、情感化发展，领域也更加丰富，中控天昱作为互联网先行者，率先将时下新星技术与娱乐内容联系起来，形成了一条“娱乐生态链”，
        为用户提供更丰富内容、更精准的个性化娱乐服务，为企业带来最佳的商业模式，共同建立完整的娱乐生态圈。
      </div>
      <div><img class="img-cs" src="@/assets/images/cs1.png" alt="" /></div>
      <div class="mukuai">
        <div>游戏</div>
        <div>小说</div>
        <div>泛娱乐</div>
        <div>视频</div>
      </div>
    </div>
    <div class="box" style="background: #f4f4f4">
      <div class="fangan">社交</div>
      <div class="text">
        在“互联网+”时代，娱乐向着碎片化、智能化、情感化发展，领域也更加丰富，中控天昱作为互联网先行者，率先将时下新星技术与娱乐内容联系起来，形成了一条“娱乐生态链”，
        为用户提供更丰富内容、更精准的个性化娱乐服务，为企业带来最佳的商业模式，共同建立完整的娱乐生态圈。
      </div>
      <div><img class="img-cs" src="@/assets/images/cs2.png" alt="" /></div>
      <div class="mukuai">
        <div>交友</div>
        <div>新媒体</div>
        <div>直播</div>
        <div>短视频</div>
      </div>
    </div>
    <div class="box">
      <div class="fangan">电商</div>
      <div class="text">
        国家“互联网+”行动计划的实施标志着电子商务成为战略性新兴产业，中控天昱依托强大的互联网数据资源优势，整合多方信息资源，实现线上线下紧密结合的高效管理，
        以完善的产品和服务满足顾客个性化、多元化的购物体验，推进电子商务创新应用，完善电子商务支撑服务体系，促进了电子商务进入一个全新的发展阶段。
      </div>
      <div><img class="img-cs" src="@/assets/images/cs3.png" alt="" /></div>
      <div class="mukuai">
        <div>新零售</div>
        <div>社团</div>
        <div>打折网</div>
      </div>
    </div>
    <div class="box" style="background: #f4f4f4">
      <div class="fangan">平台</div>
      <div class="text">
        中控天昱通过专业的技术团队、丰富的市场经验，先进的生产装置、可靠的管理团队、提供产、学、研全方位一体化的开发、测试、运营及售后的一站式解决方案，有效帮助企业降低技术门槛、
        减少研发成本、提升开发效率的同时并实现研究开发到科技成果产业化。。
      </div>
      <div><img class="img-cs" src="@/assets/images/cs4.png" alt="" /></div>
      <div class="mukuai">
        <div>云计算</div>
        <div>资质</div>
        <div>广告</div>
        <div>企业服务</div>
        <div>便民服务</div>
        <div>支付</div>
      </div>
    </div>
    <div class="box">
      <div class="fangan">定制研发</div>
      <div class="text">
        受全球化和信息化的驱动，产业融合加速，新产业新模式新业态不断催生，中控天昱结合时下新兴技术，将硬件、软件完成深度捆绑融合，完成多种业务价值链所共有的部分进行优化整合，
        提供一体化高质量服务，提升自身在产业中的地位。
      </div>
      <div><img class="img-cs" src="@/assets/images/cs5.png" alt="" /></div>
      <div class="mukuai">
        <div>游戏定制研发</div>
        <div>软件定制研发</div>
      </div>
    </div>
    <div class="box" style="background: #f4f4f4">
      <div class="fangan">视频审核</div>
      <div class="text">
        视频审核是利用大数据分析的内容过滤平台的流程和关键技术，音频过滤与图片过滤系统两者的结合，一方面利用自动截屏技术，抓取视频关键帧，通过图片过滤系统实现信息过滤；
        一方面结合音频，综合分析判断；成为人工审核的替代工具和重要辅助手段。。
      </div>
      <div><img class="img-cs" src="@/assets/images/cs6.png" alt="" /></div>
      <div class="mukuai">
        <div>视频审核</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.box {
  padding-bottom: 1rem;
}
.jiejue-box {
  width: 100%;
  height: 4.2rem;
  background: url(../../../../assets/images/tu1.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  position: relative;
}
.jiejue-box::after {
  content: '';
  display: block;
  width: 100%;
  height: 4.2rem;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.jj-text {
  font-size: 0.6rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 0.35rem;
  line-height: 4.2rem;
  position: relative;
  z-index: 10;
}
.fangan {
  font-size: 0.5rem;
  font-weight: 400;
  color: #333333;
  text-align: center;
  padding-top: 1.05rem;
  padding-bottom: 0.38rem;
}
.text {
  font-size: 0.28rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.5rem;
  padding: 0.34rem;
}
.img-cs {
  width: 100%;
  display: block;
  margin: auto;
  padding-bottom: 0.36rem;
}
.mukuai {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 0.3rem;
}
.mukuai > div {
  border: 1px solid #666666;
  width: 30%;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  font-size: 0.3rem;
  font-weight: 400;
  color: #333333;
}
.mukuai > div:nth-child(3n + 2) {
  margin: 0.24rem 3%;
}
</style>
